<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <script src="./js/jquery/jquery-3.4.1.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/bootstrap.bundle.min.js"></script>
    <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>

</head>
<body>
<div class="container px-4">
    <div class="row gx-5">
        <div class="col">
            <div class="p-3 border bg-light">
                <ul class="list-group">
                    订单号：
                    <li class="list-group-item" th:text="${orderinfo.getOrderId()}"></li>
                    用户id：
                    <li class="list-group-item" th:text="${orderinfo.getUserId()}"></li>
                    商品id：
                    <li class="list-group-item" th:text="${orderinfo.getGoodsId()}"></li>
                    手机号：
                    <li class="list-group-item" th:text="${orderinfo.getTelephone()}"></li>
                    支付金额：
                    <li class="list-group-item" th:text="${orderinfo.getSeckillPrice()}"></li>
                    地址：
                    <li class="list-group-item" th:text="${orderinfo.getAddress()}"></li>
                </ul>
            </div>
        </div>
        <div class="col">
            <div class="p-3 border bg-light">
                <img th:src="@{${orderinfo.getImgPath()}}" width="300px" height="300px" alt=""></div>
        </div>
    </div>
</div>

</body>
</html>